<template>
	<view>
		<image src="../../static/image/logo2.png" class="login" mode=""></image>
		<view class="formlist">
			<view class="formItem">
				<input type="text" v-model="telphone" placeholder="请输入手机号"/>
			</view>
			<view class="formItem">
				<input type="password" v-model="password" placeholder="请输入密码"/>
			</view>
		</view>
		
		<view class="loginBtn" @click="login">
			登录
		</view>
		
		<view class="loginNav">
			<navigator url="#" hover-class="none">忘记密码</navigator>
			<text>|</text>
			<navigator url="../register/register" hover-class="none" class="loginRegister">注册账号</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				telphone:'',
				password:'',
				backUrl:''
			}
		},
		onLoad(option){
			// 用生命周期函数来获取 跳转过来的路径里面携带的backUrl参数
			// 在option里面  在到下面登录定义好的方法里面进行判断跳转
			this.backUrl = option.backUrl
			console.log(this.backUrl)
			
		},
		
		methods: {
			// // 注册
			// loginRegister(){
			// 	uni.navi
			// },
			// 登录
			login(){
				// 手机号或密码不符合直接return做拦截
				if(!this.check.telphone(this.telphone)){return}
				if(!this.check.password(this.password)){return}
				
				uni.request({
					url:this.apiUrl + '/index/login',
					methods:'POST',
					data:{
						telphone:this.telphone,
						password:this.password
					},
					success:((res)=>{
						console.log(res)
						if(res.data.code == 0){
							// api在uni官网都有 // 就是轻提示
							uni.showToast({
								title:res.data.msg,
								// deration:2000,
								icon:'none' //将提示图标去掉
							})
						}else{
							console.log(res.data.data.token)
							// 将token存储到本地
							uni.setStorageSync('token',res.data.data.token)
							//登录成功后跳转到会员中心页面uni.switchTab
							// 判断路径里面携带的参数 如果为空则直接跳转到member页面
							// 不为空则跳转到baseUrl对应的页面
							if(!this.backUrl){
								uni.switchTab({
									url:'../member/member'
								})
							}else{
								// 这里主要是给detail里面的添加购物车和立即购买做判断
								if( this.backUrl == 1){
									uni.navigateBack({
										delta:1 // delta 赋值为1返回上一个页面
									})
								}else{
									uni.navigateTo({
										// 这里是给地址信息的导航 登录后跳转到地址列表
										url:this.backUrl
									})
								}
								
							}
							
						}
					})
				})
			}
		}
	}
</script>

<style>
.login{
	height: 250rpx;
	width: 250rpx;
	margin:110rpx auto 30rpx;
	display: block;
}
.formItem{
	height: 74rpx;
	/* width: 550rpx; */
	padding-top: 36rpx;
	border-bottom: 1rpx solid #e5e5e5;
	margin: 0 100rpx;
	display: flex;
	align-items: center;
	/* justify-content: center; */
}
.formItem input{
	font-size: 28rpx;
}
.loginBtn{
	height: 86rpx;
	margin: 0 100rpx;
	line-height: 86rpx;
	text-align: center;
	color: #fff;
	background-color: #23beaf;
	font-size: 28rpx;
	margin-top: 60rpx;
	border-radius: 10rpx;
}
.loginNav{
	height: 120rpx;
	line-height: 120rpx;
	display: flex;
	text-align: center;
	justify-content: center;
	font-size: 24rpx;
}
.loginNav text{
	padding: 0 20rpx;
}
.loginRegister{
	color: #23BAEF;
}
</style>
